<template>
    <div class="">
      <HeaderView />
     
     <SwiperImg />
      <ZhiboCourseView />
     <CourseView type="free" :pageSize="5">
        <h3>免费课程</h3>
     </CourseView>
     <CourseView type="boutique" :pageSize="5">
        <h3>精品课程</h3>
    </CourseView>
    <CourseView type="discount" :pageSize="5">
       <h3>折扣课程</h3>
    </CourseView>
    <TopView />
    <FooterView />
    </div>
  
  
      
  </template>
  
  <script>
  import SwiperImg from "@/views/index/components/swiper.vue";
  import HeaderView from "@/views/index/components/header.vue";
  import CourseView from "@/views/index/components/course.vue";
  import FooterView from "@/components/footerView.vue";
  import TopView from "@/components/topView.vue";
  import ZhiboCourseView from "@/views/index/components/zhiboCourse.vue";

 
  export default {
         data() {
          return {
              
          }
      },
      components: {
          SwiperImg,
          HeaderView,
          CourseView,
          FooterView,
          TopView,
          ZhiboCourseView,
          
    
        
      },
      created() {
             
      },
      methods: {
          
      }
  }
  </script>
  
  <style lang="scss" scoped>
    :global(body) {
    background-color: #edf1f7;
  }
  </style>